$baseColor:#FFFFFF #000000 #eb7d46 RGBA(245, 48, 108, 1) #8f8f94 blue;
$px: 1,
5,
10,
15,
20,
30,
35;
html {
  font-size: 62.5%;
}

$fontSize:1rem;
$headings: (red:red, darkred: darkred, green:green, darkgreen:darkgreen, pink: pink, blue:blue, darkblue:darkblue);
$_width: 0,
10,
20,
30,
40,
50,
60,
70,
80,
90,
100;
.hide {
  display: none;
}

.show {
  display: block;
}

@each $x in $px {
  .margin-top-#{$x} {
    margin-top:#{$x}px !important;
  }
  .margin-bottom-#{$x} {
    margin-bottom:#{$x}px !important;
  }
  .margin-left-#{$x} {
    margin-left:#{$x}px !important;
  }
  .margin-right-#{$x} {
    margin-right:#{$x}px !important;
  }
  .padding-top-#{$x} {
    margin-top:#{$x}px !important;
  }
  .padding-bottom-#{$x} {
    margin-bottom:#{$x}px !important;
  }
  .padding-left-#{$x} {
    margin-left:#{$x}px !important;
  }
  .padding-right-#{$x} {
    margin-right:#{$x}px !important;
  }
}

@each $x in $_width {
  .w-#{$x} {
    width:#{$x}px;
  }
  .h-#{$x} {
    height:#{$x}px;
  }
}
